<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1">

		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-theme.min.css">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	    <!--[if lt IE 9]>
	      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	    <![endif]-->
    </head>
	<body>
		<section class="container-fluid">
			<h1 class="text-center">
				Who is an Andela Fellow
			</h1>
			<div class="row">
			  <div class="col-xs-6 ">
			  	<h3 class="text-center">Selective/application process</h3>
			  	Lorem ipsum dolor sit amet
				Consectetur adipiscing elit
				Integer molestie lorem at massa
				Facilisis in pretium nisl aliquet
				Nulla volutpat aliquam velit
				  	<ul class="list-unstyled">
					  	<li>Phasellus iaculis neque</li>
					  	<li>Purus sodales ultricies</li>
					  	<li>Vestibulum laoreet porttitor sem</li>
					  	<li>Ac tristique libero volutpat at</li>
					</ul>
					<button type="button" class="btn btn-default btn-sm">Read more</button>
			  </div>
			  <div class="col-xs-6">
			  	<h3 class="text-center">Take Assessments</h3>
			  		<dl class="dl-horizontal">
						  <dt>Check Me Out</dt>
						  <dd>You have in all 100 multiple choice question</dd>
						  <a class="btn btn-primary btn-sm" href="application_form.html" role="button">Apply</a>
					</dl>
			  </div>
			</div>
		</section>
	</body>
</html>